<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>I Will Chase After U</title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<style type="text/css">
		@font-face {
			font-family: digit;
			src: url('digital-7_mono.ttf') format("truetype");
		}
	</style>
	<link href="css/default.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.js"></script> 
	<!-- <script type="text/javascript" src="js/garden_dev.js"></script> 
	<script type="text/javascript" src="js/functions_dev.js"></script>  -->
   <script type="text/javascript" src="js/all.js"></script>
</head>

<body>
	<div id="mainDiv">
		<div id="content">
			<div id="code">
				<span class="comments">/**</span><br />
				<span class="space"/><span class="comments">* We are both programmers,</span><br />
				<span class="space"/><span class="comments">* so I write some code try to chase after u.</span><br />
				<span class="space"/><span class="comments">*/</span><br />
				Array myMind = <span class="keyword">new</span> Array(<span class="string">73,32,76,79,86,69,32,85</span>);<br /> 
				<span class="keyword">for</span>(<span class="keyword">var</span> oath <span class="keyword">in</span> myMind)<br /> 
				{<br /> 
				<span class="space"/><span class="space"/><span class="space"/><span class="space"/>document.write(String.fromCharCode(myMind[oath])));<br /> 
				}<br />
				 <br />
				<span class="keyword">I</span>  <span class="keyword">LOVE</span>  <span class="keyword">U</span>
				<br />
				<br />
				<span class="words">
				我若不喜欢你，怎么会和你做朋友？<br /></span>
				<span class="space"/><span class="space"/><span class="space"/><span class="space"/><span class="space"/><span class="space"/><span class="space"/><span class="space"/>
				<span class="words">我若喜欢你，怎么会与你仅仅做朋友？<br /></span>
				
			</div>
			<div id="loveHeart">
				<canvas id="garden"></canvas>
				<div id="words">
					<div id="messages">
						I have fallen in love with you 
					</div>
					<div id="loveu">
						And I hope u accept me.<br/>
						<div class="signature">- yeung</div>
					</div>
				</div>
			</div>
		</div>
		
	</div>
	<script type="text/javascript">
		var offsetX = $("#loveHeart").width() / 2;
		var offsetY = $("#loveHeart").height() / 2 - 55;
		
		
		if (!document.createElement('canvas').getContext) {
			var msg = document.createElement("div");
			msg.id = "errorMsg";
			msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
			document.body.appendChild(msg);
			$("#code").css("display", "none")
			$("#copyright").css("position", "absolute");
			$("#copyright").css("bottom", "10px");
		    document.execCommand("stop");
		} else {
			setTimeout(function () {
				startHeartAnimation();
			}, 5000);
  
			adjustCodePosition();
			$("#code").typewriter();
		}
	</script>
</body>
</html>
